<template>
  <div>
<button @click="count++">{{ count  }}</button>
  </div>
</template>

<script setup>
//使用watch 监视响应式数据的变化
import {ref,watch} from 'vue';

//watch监听一个数据
//定义响应式数据
const count = ref(0)
//dingyI watch,watch函数直接调用即可.watch的语法:count是监听的整个对象,
//第二个参数是回调函数,回调函数的第一个参数是新值,第二个参数是旧值
// watch(count,(newV,oldV)=>{
//   console.log('count对象',count);
  
//   console.log('count变化了',newV,oldV);
// })

//watch监听多个数据
const age=ref(3)
watch([count,age],(newV,oldV)=>{
  console.log('count和age变化了',newV,oldV);
})


</script>

<style lang="scss" scoped>

</style>